<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no"/>
<title>优音通信</title>
<link th:href="@{/css/comon.css}" rel="stylesheet" type="text/css" />
<link th:href="@{/css/css.css}" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="c_con">
<h2 class="topbar" style="margin-bottom:0"><img th:src="@{/images/top.png}"/></h2>
<h2 class="s_man"><img th:src="@{/images/s_man.png}"/></h2>
<div class="content">
<a th:href="@{/t_list(moun=4)}"><p class="four an"><img th:src="@{/images/four.png}" /></p></a>
<a th:href="@{/t_list(moun=5)}"><p class="five an"><img th:src="@{/images/five.png}" /></p></a>
<a th:href="@{/t_list(moun=6)}"><p class="six an"><img th:src="@{/images/six.png}" /></p></a>
<a th:href="@{/t_list(moun=7)}"><p class="seven an"><img th:src="@{/images/seven.png}" /></p></a>
<a th:href="@{/t_list(moun=8)}"><p class="eight an"><img th:src="@{/images/eight.png}" /></p></a>
<a th:href="@{/t_list(moun=9)}"><p class="nine an"><img th:src="@{/images/nine.png}" /></p></a> 
<a th:href="@{/t_list(moun=10)}"><p class="ten an"><img th:src="@{/images/ten.png}" /></p></a>
<a th:href="@{/t_list(moun=11)}"><p class="eleven an"><img th:src="@{/images/eleven.png}" /></p></a>
<a th:href="@{/t_list(moun=12)}"><p class="twelve an"><img th:src="@{/images/twelve.png}" /></p></a>
</div>
<h2 class="foot"><img th:src="@{/images/footbg.png}"/></h2>
</div>
</body>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script th:src="@{/js/jquery-1.7.2.min.js}"></script>
<script type="text/javascript" th:src="@{/js/share.js}"></script>
</html>
